@charset "utf-8";

body {background:#eaeef1;}
body.whiteBg {background:#fff;}
#wrap {width:100%; min-height:100%;}
#header, #container, #footer {width:972px; margin:0 auto;}

/* accNav */
#accNav a {position:absolute; left:-9999px;}

/* header */
#headerArea {overflow:hidden; position:relative; width:960px; min-height:60px; margin:0 6px; background:#696d70;}
#headerArea h1 {position:absolute; left:19px; top:23px;}
#headerArea h1 a {display:block; width:259px; height:22px; text-indent:-9999px; background:url(/img/usr/bg/bg_logo.gif) no-repeat left top;}
#headerArea .topArea {font-size:0.75em;}
#headerArea .quickArea {position:absolute; right:15px; top:5px; }
#headerArea .languagekLink {float:left; padding:3px 5px 0 0;}
#headerArea .languagekLink li {float:left; padding:0 0 0 1px; background:url(/img/usr/bg/bg_top_menu.gif) no-repeat left 50%;}
#headerArea .languagekLink li:first-child {background:none; margin:0; padding-left:0;}
#headerArea .languagekLink li a {display:block; float:left; padding:0 8px; font-family:Tahoma; font-size:0.8em; color:#b6b6b6; line-height:1.2em;}
#searchWrap {position:relative; float:left;}
#searchWrap form {}
#searchWrap form input[type="text"] {float:left; width:122px; height:13px; padding:2px; color:#959595; border-top:none; border-right:none; border-bottom:1px solid #dedfe6; border-left:1px solid #dedfe6; background:#e4e5ec;}
#searchWrap form input[type="image"] {position:absolute; right:2px; top:0; vertical-align:middle;}

#gnb {overflow:hidden; width:auto; padding:32px 16px 0 0; text-align:right;}
#gnb a, .whole a {font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; font-size:0.8em; line-height:13px;}
#gnb .menu {float:right; width:576px; height:28px !important;}
#gnb .menu.subArea {padding:0 0 61px;}
#gnb .menu li {float:left; width:136px; padding:0 0 0 4px; text-align:left; vertical-align:top;}
#gnb .menu li.atv .subMenu {display:block;}
#gnb .menu a {color:#fff; vertical-align:top;}
#gnb img {vertical-align:top;}
#gnb p {position:relative; vertical-align:middle;}
#gnb p.subSeeAll {position:absolute; right:15px; top:39px;}
#gnb p.subSeeAll button {margin:-9px 0 0; padding:0; vertical-align:top;}
#gnb .subMenu {display:none; overflow:hidden; position:absolute; left:-4px; top:52px; width:968px; height:66px; margin:8px 0 0; line-height:60px; vertical-align:middle; text-align:left; background:url(/img/usr/bg/bg_sub_menu.png) no-repeat left top;}
#gnb .subMenu p, #gnb .subMenu a {font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; color:#4d4d4d;}
#gnb .subMenu p {float:left; width:173px; padding-left:27px; font-size:1.35em; color:#333;}
#gnb .subMenu ul {float:right; position:relative; left:-46px; min-width:590px; max-width:810px;}
#gnb .subMenu ul li {float:left; width:auto; background:url(/img/usr/bg/bg_sub_menu_line.gif) no-repeat left 50%;}
#gnb .subMenu ul li:first-child {background:none;}
#gnb .subMenu ul li a {display:block; float:left; height:60px; padding:0 25px; line-height:60px;}
#gnb .subMenu .subMenuClose {clear:both; position:relative; width:100%; margin:0; padding:0; text-align:right;}
#gnb .subMenu .subMenuClose button {position:absolute; right:17px; top:-43px; vertical-align:top;}

.whole {display:none; overflow:hidden; width:100%; height:205px; text-align:left; background:#fff;}
.whole .figure {float:left; margin-right:39px;}
.whole ul {float:left; width:136px; padding:4px 0 0 4px;}
.whole ul li {line-height:15px;}
.whole ul li a {display:block; font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; margin:0; padding:8px 0 9px 8px; line-height:15px; vertical-align:top; color:#4d4d4d; background:url(/img/usr/bul/bul_whole_dot.gif) no-repeat left 15px;}

/* container */
#container {margin-top:15px; padding:5px 0 0; font-size:0.75em; background:url(/img/usr/bg/bg_container_top.gif) no-repeat left top;}
#contentsWrap {padding:0 0 10px; background:url(/img/usr/bg/bg_contents_bot.gif) no-repeat left bottom;}
#contentsArea {padding:0 6px; background:url(/img/usr/bg/bg_contents.gif) repeat-y left top;}
#contentsArea .headingArea {overflow:hidden; position:relative; height:50px; background:#f4f4f4;}
#contentsArea .headingArea h2 {float:left;padding:0 0 0 22px;margin-right:83px;line-height:50px;font-size:22px;color:#404040;font-weight:normal;font-family:ModernHMedium;}
#contentsArea .headingArea h3{font-weight:normal;font-family:ModernHMedium;}
#contentsArea .headingArea .menuTab{float:left}
#contentsArea .headingArea .menuTab li{float:left;}
#contentsArea .headingArea .menuTab li a{display:block;height:100%;padding:0 20px;line-height:50px;font-size:15px;color:#969696;background:url('/img/usr/bg/bg_menuTab.gif') no-repeat 0 50%;}
#contentsArea .headingArea .menuTab li.atv a{font-size:15px;color:#fff;background:#408baf;}
#contentsArea .headingArea .menuTab:after{display:block;clear:both;content:"";}
#contentsArea .headingArea:after{display:block;clear:both;content:"";}
#contentsArea .location {position:absolute; right:29px; bottom:5px;}
#contentsArea .location a {padding:0 10px 0 1px; background:url(/img/usr/bul/bul_location.gif) no-repeat right 50%;}
#contentsArea .location a, #contents .location span {font-size:0.95em; color:#989da1;}
#contentsArea .location span {font-weight:bold;}
#contetns {min-height:600px; padding:0 30px 40px;}
#contetns h4 {margin:36px 0 12px;}
#contetns.errCon {min-height:400px;}
#contentsArea h2, #contentsArea h3, #contentsArea h4 {font-weight:normal;}

/* footer */
#footer {width: 972px; margin:4px auto 0; padding:10px 0 15px; background:url(/img/usr/bg/bg_footer_top.gif) no-repeat left top;}
#footContents {min-height:51px; padding:0 6px; background:url(/img/usr/bg/bg_footer_contents.gif) no-repeat left bottom;}
#footer img {vertical-align:top;}
#footer .copy {float:left; margin:15px 0 0; padding:0 20px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.7em; line-height:100%;}
#footer .footMenu {float:left; margin:15px 0 0;}
#footer .footMenu li {padding:0 8px 0 9px; background:url(/img/usr/bg/bg_foot_menu.gif) no-repeat left 2px;}
#footer .footMenu li:first-child {padding-left:9px; background:none;}
#footer .footMenu li,
#footer .footMenu li a {float:left; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.825em; color:#555; line-height:100%;}
#footer .selFrm a {font-family:Tahoma;}